
// 定义食物类Food
class Food {
  // 定义一个属性标识食物所对应的元素
  element: HTMLElement;
  constructor() {
    // 获取页面中的food元素并将其赋值给element
    this.element = document.getElementById('food')!;  //  !感叹号(非空断言操作符)
  }
  // 定义一个获取食物X轴坐标的方法
  get X() {
    return this.element.offsetLeft
  }
  // 定义一个获取食物Y轴坐标的方法
  get Y() {
    return this.element.offsetTop
  }
  // 修改食物的位置
  change() {
    // 生成一个随机的位置
    // 边界处理：0 - 300-10 
    // 蛇移动一次就是一格，一格的带下就是10，所以要求食物的位置必须是10的整数倍
    let left = Math.round(Math.random() * 29) * 10
    let top = Math.round(Math.random() * 29) * 10
    this.element.style.left = left + 'px';
    this.element.style.top = top + 'px';
  }
}

// 测试代码
// const food = new Food();
// console.log(food.X, food.Y)
// food.change()
// console.log(food.X, food.Y)

export default Food;